@import 'reset.scss';
html {
	font-size: 62.5%;
}
$theme-bg: #f4f4f4;
$theme-font-size: 1.6rem;
$shadow: 0 2px 27px 6px rgba(0, 0, 0, 0.12);
$theme-color: rgb(184, 28, 37);
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.body-center {
	flex: 1;
}
// 头部导航
.header_nav {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	height: 10rem;
	display: flex;
	align-items: center;
	background: $theme-bg;
	.header_nav_box {
		.expand-btn {
			&:hover {
				background: $theme-color;
				color: #fff;
			}
		}
		.default-nav {
			.nav-item {
				padding: 0.5rem 1rem;
				&:last-of-type {
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
					span {
						font-size: 2.2rem;
					}
				}
				a {
					font-size: 1.8rem;
					color: #333;
					&:hover {
						color: $theme-color;
						font-weight: 700;
					}
				}
				.active-color {
					font-weight: 700;
					color: $theme-color;
				}
			}
			.dropdown {
				&:hover {
					.dropdown-menu {
						display: block;
					}
				}
				.dropdown-menu {
					border: none;
					border-radius: 0;
					box-shadow: $shadow;
					border-radius: 0.4rem;
					li {
						padding: 0 1.5rem;
						margin-bottom: 1rem;
						min-width: 15rem;
						&:hover {
							background: rgba(0, 0, 0, 0.12);
							a {
								background: none;
								font-weight: 700;
								color: $theme-color;
							}
						}
						a {
							display: block;
							text-align: center;
							font-size: 1.8rem;
							padding: 1rem 0;
						}
					}
				}
			}
			.search {
				display: none;
				.input-group {
					.iconfont {
						width: 4rem;
						height: 4rem;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;
						border: none;
						border-bottom: 0.1rem solid $theme-color;
						border-radius: 0;
						font-weight: bold;
						background: none;
						font-size: 2.2rem;
						&:hover {
							color: $theme-color;
						}
					}
					.form-control {
						@media screen and (min-width: 768px) and (max-width: 1000px) {
							width: 30rem;
						}
						@media screen and (max-width: 768px) {
							width: 20rem;
						}
						width: 50rem;
						border: none;
						box-shadow: none;
						border-bottom: 0.1rem solid $theme-color;
						background: none;
						font-size: $theme-font-size;
					}
				}
			}
		}
		.small-nav {
			display: none;
			@media screen and (max-width: 991px) {
				display: block;
			}
			.right-nav {
				.right-btn {
					border: 0.1rem solid #ccc;
					font-weight: bold;
					width: 5rem;
					&:hover {
						background: $theme-color;
						color: #fff;
					}
				}
				.offcanvas {
					align-items: flex-start;
					width: 20rem;
					.offcanvas-header {
						justify-content: space-between;
						width: 100%;
					}
					.offcanvas-body {
						.search {
							margin-bottom: 1rem;
							.form-control {
								box-shadow: none;
							}
						}
						.nav-item {
							a {
								font-size: 1.4rem;
								color: #333;
							}
							.active {
								font-weight: 700;
								color: $theme-color;
							}
						}
					}
				}
			}
		}
	}
}
// 首页轮播
.index-banner {
	position: relative;
	padding-top: 10rem;
	.index-banner-box {
		.carousel-indicators {
			bottom: 4rem;
			button {
				width: 1rem;
				height: 1rem;
				border-radius: 50%;
			}
		}
		.carousel-inner {
			overflow: hidden;
			@media screen and (min-width: 1980px) {
				height: 70rem;
			}
			@media screen and (min-width: 1200px) and (max-width: 1980px) {
				height: 47rem;
			}
			@media screen and (min-width: 992px) and (max-width: 1200px) {
				height: 40rem;
			}
			@media screen and (min-width: 768px) and (max-width: 992px) {
				height: 30rem;
			}
			@media screen and (min-width: 520px) and (max-width: 768px) {
				height: 20rem;
			}
			@media screen and (max-width: 520px) {
				height: 10rem;
			}
		}
		.pre-btn {
			width: 5rem;
			height: 5rem;
			left: 5%;
			top: 50%;
			transform: translate(50%, -50%);
			border-radius: 50%;
		}
		.next-btn {
			width: 5rem;
			height: 5rem;
			right: 5%;
			top: 50%;
			transform: translate(50%, -50%);
			border-radius: 50%;
		}
	}
	.publicity {
		background: rgba(0, 0, 0, 0.42);
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0.5rem;
		@media screen and (max-width: 768px) {
			padding: 0.1rem;
		}
		.publicity-box {
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left {
				color: #fff;
				font-size: 2.6rem;
				@media screen and (max-width: 768px) {
					font-size: 1.5rem;
				}
			}
			.right {
				width: 97%;
				.tip-box {
					width: 100%;
					display: flex;
					a {
						color: #fff;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						font-size: 1.8rem;
						@media screen and (max-width: 768px) {
							font-size: 1.4rem;
						}
						&:hover {
							opacity: 0.5;
						}
					}
					.time {
						color: #fff;
						font-size: 1.6rem;
					}
				}
			}
		}
	}
}
// 首页新闻中心
.index-news {
	.news-box {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				margin-left: 1.5rem;
				font-size: 2rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center right;
				color: #fff;
				cursor: pointer;
			}
		}
		// news轮播
		.nws-banner {
			.carousel-indicators {
				justify-content: right;
				width: 5rem;
				left: auto;
				bottom: 1rem;
				transform: translate(0%, 50%);
				button {
					width: 1rem;
					height: 1rem;
					border-radius: 50%;
				}
			}
			.carousel-item {
				position: relative;
				.text {
					position: absolute;
					padding: 2rem;
					width: 100%;
					height: 4rem;
					left: 0;
					bottom: 0;
					background: rgba(0, 0, 0, 0.42);
					display: flex;
					align-items: center;
					a {
						color: #fff;
						width: 60%;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						&:hover {
							text-decoration: underline;
						}
					}
				}
			}
		}
		// 新闻
		.news {
			padding-left: 2rem;
			ul {
				li {
					margin-bottom: 1.5rem;
					font-size: 1.8rem;
					list-style-type: disc !important;
					@media (max-width: 991px) {
						font-size: 1.5rem;
					}
					a {
						display: flex;
						justify-content: space-between;
						flex-wrap: nowrap;
						&:hover {
							color: $theme-color;
						}
						span {
							&:first-of-type {
								white-space: nowrap;
								overflow: hidden;
								text-overflow: ellipsis;
								width: calc(100% - 18rem);
								@media screen and (max-width: 758px) {
									width: calc(100% - 14rem);
								}
							}
							&:last-of-type {
								width: 15rem;
								@media screen and (max-width: 758px) {
									width: 11rem;
								}
							}
						}
					}
				}
			}
		}
		// 国醇文化
		.culture {
			padding-left: 2rem;
			ul {
				li {
					list-style-type: disc;
					font-size: 1.8rem;
					margin-bottom: 1.5rem;
					@media (max-width: 991px) {
						font-size: 1.5rem;
					}
				}
			}
		}
		.right-box {
			display: none;
			@media screen and (max-width: 758px) {
				margin-top: 2rem;
			}
		}
		.active {
			display: block;
		}
		// 新闻广告
		.news-advertisement {
			margin-top: 6rem;
		}
	}
}
// 首页产品中心
.index-product {
	.product-box {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 1.5rem;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.nav-bar {
			display: flex;
			justify-content: center;
			margin-bottom: 2rem;
			li {
				font-size: 1.8rem;
				padding: 2rem;
				cursor: pointer;
			}
			.active {
				color: $theme-color;
				font-weight: bold;
				position: relative;
				&::after {
					content: '';
					width: 2rem;
					height: 2rem;
					background-image: url('../images/down.png');
					position: absolute;
					left: 50%;
					bottom: 0;
					transform: translate(-50%);
					background-repeat: no-repeat;
					background-size: cover;
				}
			}
		}
		.content-box {
			li {
				display: none;
				.product-content {
					position: relative;
					&:hover {
						.detail {
							display: block;
						}
					}
					img {
						width: 100%;
					}
					.bottom {
						padding: 1rem 0;
						text-align: center;
						background: #e4e4e4;
						color: #333;
						font-size: 1.8rem;
						letter-spacing: 1rem;
						border-top: 0.2rem solid $theme-color;
					}
					.detail {
						animation: show-product-detail 0.4s;
						display: none;
						height: 10rem;
						border-top: 0.2rem solid $theme-color;
						position: absolute;
						width: 100%;
						left: 0;
						bottom: 0;
						background: #e4e4e4;
						a {
							font-size: 1.5rem;
							color: #fff;
							position: absolute;
							background: $theme-color;
							left: 50%;
							top: -2rem;
							width: 4rem;
							height: 4rem;
							border-radius: 50%;
							display: flex;
							align-items: center;
							justify-content: center;
							transform: translate(-50%);
						}
						h3 {
							margin-top: 4rem;
							margin-bottom: 1rem;
							text-align: center;
							font-size: 1.8rem;
							color: $theme-color;
							font-weight: bold;
						}
						.desc {
							font-size: 1.5rem;
							color: #333;
							text-align: center;
						}
					}
				}
			}
			.active {
				display: block;
			}
		}
	}
}
// 首页企业介绍
.index-enterprise-introduce {
	.index-enterprise-introduce-box {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.content {
			.title {
				font-weight: 700;
				font-size: 2.2rem;
				color: #674a4a;
			}
			.desc {
				padding-right: 4rem;
				p {
					line-height: 2.5rem;
					text-indent: 2em;
					font-size: 1.7rem;
					color: #6d4b4b;
				}
			}
			.btn {
				margin-top: 5rem;
				border: 0.2rem solid $theme-color;
				padding: 0.5rem 4rem;
				border-radius: 0;
				font-size: 1.8rem;
				color: $theme-color;
				transition: all 0.2s;
				&:hover {
					background: $theme-color;
					color: #fff;
					transform: translateY(-0.2rem);
				}
			}
			.enterprise-introduce-img {
				@media (max-width: 991px) {
					margin-top: 2rem;
				}
			}
		}
	}
}
// 战略规划
.index-plan {
	margin-bottom: 6rem;
	.index-plan-box {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: column;
			align-items: center;
			h3 {
				text-align: center;
				font-size: 2rem;
				color: #777;
				margin-top: 2rem;
			}
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.content {
			padding: 0;
			h4 {
				font-size: 2.5rem;
				font-weight: bold;
				text-align: center;
			}
			.line {
				width: 100%;
				height: 0.1rem;
				background: #c5c0bf;
				margin: 3rem 0;
				position: relative;
				&::after {
					content: '';
					width: 6.4rem;
					height: 0.2rem;
					background: #c5c0bf;
					position: absolute;
					left: 50%;
					top: 0rem;
					transform: translate(-50%, -50%);
				}
			}
			p {
				text-align: center;
				font-size: 1.6rem;
				color: #333;
				padding: 0 2rem;
				margin-bottom: 1rem;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
	}
}
// footer
.footer {
	background: #3e3434;
	.footer-box {
		width: 80%;
		margin: 0 auto;
		color: #9d9d9a;
		text-align: center;
		h2 {
			font-size: 1.6rem;
			padding: 1.5rem 0;
		}
		.copyright {
			padding-bottom: 1.6rem;
			a {
				font-size: 1.6rem;
				color: #9d9d9a;
			}
		}
		.copyright-info {
			padding-bottom: 2rem;
			a {
				font-size: 1.6rem;
				color: #9d9d9a;
				margin-right: 2.5rem;
			}
		}
	}
}
// 产品中心banner
.product-banner {
	margin-top: 10rem;
	.product-banner-box {
		.img {
			width: 100%;
			height: 100%;
		}
		overflow: hidden;
		@media screen and (min-width: 1200px) {
			height: 50rem;
		}
		@media screen and (min-width: 992px) and (max-width: 1200px) {
			height: 40rem;
		}
		@media screen and (min-width: 768px) and (max-width: 992px) {
			height: 30rem;
		}
		@media screen and (min-width: 520px) and (max-width: 768px) {
			height: 20rem;
		}
	}
}
// 产品中心
.product-center {
	margin-top: 6rem;
	padding-bottom: 4rem;
	// 产品导航
	.product-nav {
		@media screen and (max-width: 1200px) {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			box-shadow: $shadow;
			padding: 2rem;
			border-radius: 0.4rem;
			li {
				a {
					padding: 1rem 0rem 1rem 2rem;
					display: block;
					font-size: 1.8rem;
					text-align: center;
					&:hover {
						color: $theme-color;
					}
				}
			}
			.title {
				padding: 1rem 0rem 1rem 12rem;
				position: relative;
				&::after {
					content: '产品中心';
					color: #fff;
					font-size: 1.8rem;
					font-weight: bold;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 10rem;
					height: 3rem;
					background: url('../images/title_bg.png') no-repeat center;
					background-size: cover;
					@media screen and (max-width: 768px) {
						width: 12rem;
						height: 4rem;
					}
				}
			}
			.active {
				color: $theme-color;
				font-weight: bold;
			}
		}
		@media screen and (min-width: 1200px) {
			box-shadow: $shadow;
			padding: 2rem;
			li {
				a {
					padding: 1rem 0rem 1rem 2rem;
					display: block;
					font-size: 1.8rem;
					&:hover {
						position: relative;
						color: $theme-color;
						&::before {
							content: '';
							width: 0.2rem;
							height: 3rem;
							background: $theme-color;
							left: 0;
							top: 50%;
							transform: translate(0%, -50%);
							position: absolute;
						}
					}
				}
				margin-bottom: 1rem;
			}
			.title {
				padding: 1rem 0rem 1rem 2rem;
				margin-bottom: 2.5rem;
				position: relative;

				&::after {
					content: '产品中心';
					color: #fff;
					font-size: 2rem;
					font-weight: bold;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					top: 0;
					left: 0;
					width: 18rem;
					height: 5rem;
					background: url('../images/title_bg.png') no-repeat center;
					background-size: cover;
					@media screen and (max-width: 768px) {
						width: 12rem;
						height: 4rem;
					}
				}
			}
			.active {
				color: $theme-color;
				position: relative;
				font-weight: bold;
				&::before {
					content: '';
					width: 0.2rem;
					height: 3rem;
					background: $theme-color;
					left: 0;
					top: 50%;
					transform: translate(0, -50%);
					position: absolute;
				}
			}
		}
	}
	// 产品内容盒子
	.product-main {
		padding-left: 2.5rem;
		h2 {
			padding: 1rem 0;
			margin-bottom: 2.5rem;
			font-size: 2rem;
			font-weight: bold;
			position: relative;
			&::after {
				content: '';
				width: 6.7rem;
				height: 0.2rem;
				background: $theme-color;
				bottom: -0.5rem;
				left: 0;
				position: absolute;
			}
		}
		// 产品类容
		.product-content {
			position: relative;
			&:hover {
				.detail {
					display: block;
				}
			}
			img {
				width: 100%;
			}
			.bottom {
				padding: 1rem 0;
				text-align: center;
				background: #e4e4e4;
				color: #333;
				font-size: 1.8rem;
				letter-spacing: 1rem;
				border-top: 0.2rem solid $theme-color;
			}
			.detail {
				animation: show-product-detail 0.4s;
				display: none;
				border-top: 0.2rem solid $theme-color;
				position: absolute;
				width: 100%;
				left: 0;
				bottom: 0;
				background: #e4e4e4;
				a {
					font-size: 1.5rem;
					color: #fff;
					position: absolute;
					background: $theme-color;
					left: 50%;
					top: -2rem;
					width: 4rem;
					height: 4rem;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					transform: translate(-50%);
					@media screen and (max-width: 1200px) {
						width: 3rem;
						height: 3rem;
						font-size: 1.2rem;
					}
				}
				h3 {
					margin-top: 4rem;
					margin-bottom: 1rem;
					text-align: center;
					font-size: 1.8rem;
					color: $theme-color;
					font-weight: bold;
					@media screen and (max-width: 1200px) {
						margin-top: 2rem;
						font-size: 1.4rem;
						margin-bottom: 0.5rem;
					}
				}
				.desc {
					font-size: 1.5rem;
					color: #333;
					text-align: center;
					@media screen and (max-width: 1200px) {
						font-size: 1.2rem;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}
		}
		// 分页
		.paging {
			margin-top: 4rem;
			display: flex;
			justify-content: center;
			.pagination {
				.page-item {
					.page-link {
						border-radius: 0;
						font-size: 2rem;
						color: $theme-color;
						box-shadow: none;
					}
				}
			}
		}
	}
	// 产品详情
	.product-detail {
		padding-left: 2.5rem;

		.detail {
			padding-left: 4rem;
			p {
				margin-bottom: 1.5rem;
				span {
					font-size: 1.8rem;
					color: #333;
				}
			}
			.name {
				span {
					font-size: 2rem;
					font-weight: bold;
				}
			}
			.characteristic {
				li {
					&:first-of-type {
						list-style-type: none;
					}
					margin-bottom: 1rem;
					color: #777;
					list-style-type: disc;
					font-size: 1.8rem;
				}
			}
		}
		.img-show {
			margin-top: 2rem;
		}
	}
}
// 产品介绍
.product-introduce {
	margin-top: 6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	.name {
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 2rem;
		width: 18rem;
		height: 5rem;
		white-space: nowrap;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url('../images/title_bg.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		color: #fff;
	}
	.desc {
		width: 80%;
		font-size: 2rem;
		color: #777;
		text-align: center;
		line-height: 3rem;
	}
}

// 企业概况 banner
.profile-banner {
	margin-top: 10rem;
	.profile-banner-box {
		overflow: hidden;
		.img {
			width: 100%;
			height: 100%;
		}
		@media screen and (min-width: 1200px) {
			height: 50rem;
		}
		@media screen and (min-width: 992px) and (max-width: 1200px) {
			height: 40rem;
		}
		@media screen and (min-width: 768px) and (max-width: 992px) {
			height: 30rem;
		}
		@media screen and (min-width: 520px) and (max-width: 768px) {
			height: 20rem;
		}
	}
}
.profile-box {
	// 企业概况 企业介绍
	.enterprise-introduce {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.content {
			.title {
				font-weight: 700;
				font-size: 2.2rem;
				color: #674a4a;
			}
			.desc {
				padding-right: 4rem;
				p {
					line-height: 2.5rem;
					text-indent: 2em;
					font-size: 1.7rem;
					color: #6d4b4b;
				}
				@media (max-width: 991px) {
					margin-bottom: 2rem;
				}
			}
		}
	}
	// 企业团队
	.enterprise-team {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.content {
			.title {
				font-weight: 700;
				font-size: 2.2rem;
				color: #674a4a;
			}
			.desc {
				padding-right: 4rem;
				margin-bottom: 1.5rem;
				p {
					color: #6d4b4b;
				}
				.name {
					font-size: 1.7rem;

					font-weight: bold;
				}
				.illustrate {
					font-size: 1.5rem;
					margin-left: 2rem;
					margin-top: 1rem;
				}
			}
		}
	}
	// 企业文化
	.enterprise-culture {
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.culture-box {
			.content {
				box-shadow: $shadow;
				padding: 1.5rem 1.5rem;
				height: 40rem;
				@media screen and (max-width: 988px) {
					height: 25rem;
				}
				@media (max-width: 991px) {
					margin-bottom: 2rem;
				}
				border-radius: 0.4rem;
				transition: all 0.4s;
				&:hover {
					background: $theme-color;
					h3 {
						color: #fff;
					}
					p {
						color: #fff;
					}
				}
				h3 {
					font-size: 1.7rem;
					color: #674a4a;
					font-weight: 600;
				}

				p {
					margin-top: 1rem;
					font-size: 1.4rem;
					color: #6d4b4b;
					margin-left: 0.5rem;
					line-height: 2.5rem;
				}
			}
		}
	}
	// 战略规划
	.enterprise-plan {
		margin-bottom: 6rem;
		.title {
			padding: 4rem 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: column;
			align-items: center;
			h3 {
				text-align: center;
				font-size: 2rem;
				color: #777;
				margin-top: 2rem;
			}
			p {
				width: 18rem;
				height: 5rem;
				white-space: nowrap;
				overflow: hidden;
				font-size: 2rem;
				margin-left: 1.5rem;
				display: flex;
				align-items: center;
				justify-content: center;
				background-image: url('../images/title_bg.png');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				color: #fff;
			}
		}
		.content {
			padding: 0;
			h4 {
				font-size: 2.5rem;
				font-weight: bold;
				text-align: center;
			}
			.line {
				width: 100%;
				height: 0.1rem;
				background: #c5c0bf;
				margin: 3rem 0;
				position: relative;
				&::after {
					content: '';
					width: 6.4rem;
					height: 0.2rem;
					background: #c5c0bf;
					position: absolute;
					left: 50%;
					top: 0rem;
					transform: translate(-50%, -50%);
				}
			}
			p {
				text-align: center;
				font-size: 1.6rem;
				color: #333;
				padding: 0 2rem;
				margin-bottom: 1rem;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}
}
// 品牌
.brand-banner {
	margin-top: 10rem;
	.brand-banner-box {
		.img {
			width: 100%;
			height: 100%;
		}
		overflow: hidden;
		@media screen and (min-width: 1200px) {
			height: 50rem;
		}
		@media screen and (min-width: 992px) and (max-width: 1200px) {
			height: 40rem;
		}
		@media screen and (min-width: 768px) and (max-width: 992px) {
			height: 30rem;
		}
		@media screen and (min-width: 520px) and (max-width: 768px) {
			height: 20rem;
		}
	}
}
// 酿造工艺
.brand-brew {
	.title {
		padding: 4rem 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		h3 {
			text-align: center;
			font-size: 2rem;
			color: #777;
			margin-top: 2rem;
		}
		p {
			width: 18rem;
			height: 5rem;
			white-space: nowrap;
			overflow: hidden;
			font-size: 2rem;
			margin-left: 1.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background-image: url('../images/title_bg.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			color: #fff;
		}
	}
	.process {
		h4 {
			text-align: center;
			font-size: 2.8rem;
			color: #333;
			padding: 5rem 0;
		}
		.desc {
			p {
				width: 80%;
				margin: 0 auto;
				font-weight: 400;
				color: #999;
				font-size: 2rem;
				@media (max-width: 991px) {
					font-size: 1.5rem;
					margin-bottom: 2rem;
				}
			}
		}
	}
	.process-img {
		@media (max-width: 991px) {
			margin-bottom: 2rem;
		}
	}
}

// 核心产区
.brand-produce {
	margin-bottom: 6rem;
	.title {
		padding: 4rem 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		p {
			width: 20rem;
			height: 6rem;
			white-space: nowrap;
			overflow: hidden;
			font-size: 2rem;
			margin-left: 1.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background-image: url('../images/title_bg.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			color: #fff;
		}
	}
	.content {
		.title {
			font-weight: 700;
			font-size: 2.2rem;
			color: #333;
		}
		.desc {
			padding-right: 4rem;
			p {
				line-height: 3.5rem;
				text-indent: 2em;
				font-size: 2rem;
				color: #4b4a4a;
				@media (max-width: 991px) {
					font-size: 1.5rem;
					margin-bottom: 2rem;
				}
			}
		}
	}
}

// 服务与体验banner
.experience-banner {
	margin-top: 10rem;
	.experience-banner-box {
		.img {
			width: 100%;
			height: 100%;
		}
		overflow: hidden;
		@media screen and (min-width: 1200px) {
			height: 50rem;
		}
		@media screen and (min-width: 992px) and (max-width: 1200px) {
			height: 40rem;
		}
		@media screen and (min-width: 768px) and (max-width: 992px) {
			height: 30rem;
		}
		@media screen and (min-width: 520px) and (max-width: 768px) {
			height: 20rem;
		}
	}
}
// 文化体验
.culture-experience {
	.title {
		padding: 4rem 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		p {
			width: 21rem;
			height: 7rem;
			white-space: nowrap;
			overflow: hidden;
			font-size: 2rem;
			margin-left: 1.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background-image: url('../images/title_bg.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			color: #fff;
		}
		h3 {
			text-align: center;
			font-size: 2rem;
			color: #777;
			margin-top: 2rem;
		}
		.desc {
			margin-top: 1rem;
			div {
				width: 80%;
				margin: 0 auto;
				text-align: center;
				color: #777;
				font-size: 1.8rem;
			}
		}
	}
}
// 接待区展示等展示区
.exhibition-show {
	.row {
		box-shadow: $shadow;
		margin-bottom: 4rem;
		padding: 2rem;
	}
	.show-info {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 100%;
		h2 {
			font-size: 2.8rem;
			font-weight: 700;
			margin-top: 3rem;
			margin-bottom: 2rem;
			color: #6d4b4b;
			@media (max-width: 991px) {
				font-size: 2rem;
			}
		}
		p {
			padding: 0 4rem;
			font-size: 2rem;
			text-align: center;
			line-height: 3.5rem;
			margin-bottom: 3rem;
			color: #674a4a;
			@media (max-width: 991px) {
				font-size: 1.5rem;
			}
		}
	}
	.show-banner {
		.carousel-indicators {
			button {
				width: 1.5rem;
				height: 1.5rem;
				border-radius: 50%;
				@media screen and (max-width: 400px) {
					width: 1rem;
					height: 1rem;
				}
			}
		}
		.carousel-inner {
			.carousel-item {
				height: 40rem;
				@media screen and (min-width: 400px) and (max-width: 968px) {
					height: 30rem;
				}
				@media screen and (max-width: 400px) {
					height: 20rem;
				}
				img {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}

.exhibition-service {
	.title {
		padding: 4rem 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		h3 {
			text-align: center;
			font-size: 2rem;
			color: #777;
			margin-top: 2rem;
		}
		p {
			width: 22rem;
			height: 7rem;
			white-space: nowrap;
			overflow: hidden;
			font-size: 2rem;
			margin-left: 1.5rem;
			display: flex;
			align-items: center;
			justify-content: center;
			background-image: url('../images/title_bg.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			color: #fff;
		}
	}
	.content {
		padding: 0;
		@media (max-width: 991px) { 
			margin-bottom: 2rem;
		 }
		h4 {
			font-size: 2.5rem;
			font-weight: bold;
			text-align: center;
			@media (max-width: 991px) { 
				font-size: 2rem;
			 }
		}
		.line {
			width: 100%;
			height: 0.1rem;
			background: #c5c0bf;
			margin: 3rem 0;
			position: relative;
			&::after {
				content: '';
				width: 6.4rem;
				height: 0.2rem;
				background: #c5c0bf;
				position: absolute;
				left: 50%;
				top: 0rem;
				transform: translate(-50%, -50%);
			}
		}
		p {
			text-align: center;
			font-size: 1.6rem;
			color: #333;
			padding: 0 2rem;
			margin-bottom: 1rem;

		}
	}
	margin-bottom: 4rem;
}

// 新闻中心
.news-center-box {
	margin-top: 12rem;
	margin-bottom: 4rem;
	.navigation {
		box-shadow: $shadow;
		padding: 1rem 2rem;
		@media (max-width: 991.98px) { 
			margin-bottom: 2rem;
		 }
		p {
			margin-bottom: 2rem;
			font-size: 2.5rem;
			font-weight: 700;
			background-image: url('../images/title_bg.png');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			color: #fff;
			width: 18rem;
			height: 6rem;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		li {
			text-align: center;
			padding: 1rem 0 1.5rem 0;
			a {
				display: block;
				font-size: 1.8rem;
				&:hover {
					color: $theme-color;
				}
			}
		}
		.active {
			position: relative;
			&::before {
				content: '';
				position: absolute;
				width: 100%;
				height: 0.2rem;
				background: $theme-color;
				left: 0;
				bottom: 0;
			}
			a {
				color: $theme-color;
			}
		}
	}
	.notice {
		box-shadow: $shadow;
		padding: 1rem 2rem;
		.breadcrumb {
			align-items: center;
			.breadcrumb-item {
				&:last-of-type {
					a {
						color: $theme-color;
						font-weight: 700;
						font-size: 1.6rem;
					}
				}
				a {
					color: #777;
					font-size: 1.6rem;
				}
			}
		}
		.content-list {
			padding-top: 2rem;
			border-top: 0.1rem solid #e4e4e4;
			ul {
				li {
					padding: 1rem 1rem;
					margin-bottom: 0.5rem;
					&:nth-of-type(even) {
						background: #f4f4f4;
					}
					a {
						font-size: 1.5rem;
						display: flex;
						justify-content: space-between;
						color: #777;
						.illustrate{
							white-space: nowrap;
						}
						&:hover {
							color: $theme-color;
						}
						.title {
							overflow: hidden;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							padding-right: 5rem;
						}
					}
				}
			}
		}
		// 分页
		.paging {
			margin-top: 4rem;
			margin-bottom: 2rem;
			display: flex;
			justify-content: center;
			.btn {
				border: 0.1rem solid #dee2e6;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 0;
				font-size: 1.8rem;
				color: $theme-color;
				&:first-of-type {
					margin-right: 2rem;
				}
				&:last-of-type {
					margin-left: 2rem;
				}
			}
			.pagination {
				.page-item {
					.page-link {
						border-radius: 0;
						font-size: 2rem;
						color: $theme-color;
						box-shadow: none;
					}
				}
			}
		}
	}
}

// 新闻详情
.news-detail-box {
	margin-top: 12rem;
	margin-bottom: 4rem;
	.content-l {
		box-shadow: $shadow;
		padding: 2rem;
		.header {
			h2 {
				padding-top: 1rem;
				margin-bottom: 1rem;
				font-weight: 700;
				font-size: 2.8rem;
			}
			.desc-box {
				padding-bottom: 1rem;
				border-bottom: 0.1rem solid #e4e4e4;
				display: flex;
				justify-content: space-between;
				.desc {
					display: flex;
					flex-wrap: wrap;
					p {
						margin-right: 2rem;
						display: flex;
						align-items: center;
						justify-content: center;
						.iconfont {
							font-size: 2rem;
							color: #999;
							margin-right: 0.5rem;
						}
						.time {
							color: #999;
							font-size: 1.4rem;
						}
					}
				}
				.share {
					display: flex;
					align-items: center;
					@media screen and (max-width: 500px) {
						display: none;
					}
					span {
						margin-right: 2rem;
						color: #999;
					}
					a {
						margin-right: 2rem;
						width: 4rem;
						height: 4rem;
						border-radius: 50%;
						border: 0.1rem solid #e4e4e4;
						display: flex;
						align-items: center;
						justify-content: center;
						transition: all 0.4s;
						&:hover {
							background: $theme-color;
							i {
								color: #fff;
							}
						}
						i {
							font-size: 2rem;
							color: #999;
						}
					}
				}
			}
		}
		.content {
			margin-top: 2rem;
			p {
				line-height: 3.2rem;
				font-size: 1.6rem;
				color: #666;
				margin-bottom: 3rem;
			}
		}
		.page {
			display: flex;
			justify-content: center;
			.btn {
				border: 0.1rem solid #dee2e6;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 0;
				font-size: 1.8rem;
				color: $theme-color;
				&:first-of-type {
					margin-right: 2rem;
				}
				&:last-of-type {
					margin-left: 2rem;
				}
			}
		}
	}
	.content-r {
		box-shadow: $shadow;
		padding: 2rem;
		.header {
			h2 {
				padding-top: 1rem;
			}
			padding-bottom: 1rem;
			border-bottom: 0.1rem solid #e4e4e4;
		}
		.content {
			margin-top: 2rem;
			padding-bottom: 2rem;
			border-bottom: 0.1rem solid #e4e4e4;
			p {
				a {
					font-size: 1.8rem;
					font-weight: normal;
					&:hover {
						color: $theme-color;
						text-decoration: underline;
					}
				}
				span {
					padding-left: 1rem;
					font-size: 1.6rem;
					color: #999;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
				}
			}
			.time {
				margin-top: 1rem;
				span {
					color: #999;
				}
			}
		}
	}
}

@keyframes show-product-detail {
	0% {
		transform: translateY(-2rem);
		opacity: 0.2;
	}
	25% {
		opacity: 0.5;
	}
	50% {
		opacity: 0.7;
	}
	75% {
		opacity: 0.9;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
